<template>
  <div>
     <a :title="title">
        <!--
          1、使用v-bind="$attrs"就能接受除了props:[]之外的全部传递过来的数据
          2、使用v-on="$listeners"能接受父组件全部传递过来的自定义事件
         -->
        <el-button v-bind="$attrs" v-on="$listeners">添加</el-button>
     </a>
  </div>
</template>

<script>
export default {
  name: "HintButton",
  props:['title'],
  mounted(){
    //this.$attrs:可以获取到父组件传递的数据【props】
    //this.$attrs是可以获取父亲传递的props数据，但是如果子组件通过
    //props:[]接受了，那么this.$attrs属性是获取不到该数据了(例如: title)。
    console.log(this.$attrs);
    console.log(this.$listeners);
  }
};
</script>

<style scoped></style>
